<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
  <!-- BEGIN: Head-->
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="Materialize is a Material Design Admin Template,It's modern, responsive and based on Material Design by Google.">
    <meta name="keywords" content="materialize, admin template, dashboard template, flat admin template, responsive admin template, eCommerce dashboard, analytic dashboard">
    <meta name="author" content="ThemeSelect">
    <title>生态圈系统-权益管理</title>
    <link rel="icon" th:href="@{/images/favicon.ico}" th:mce_href="@{/images/favicon.ico}" type="image/x-icon">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}" th:mce_href="@{/images/favicon.ico}" type="image/x-icon">
    <link rel="apple-touch-icon" th:href="@{/images/favicon.ico}" th:mce_href="@{/images/favicon.ico}" type="image/x-icon">

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="css/bootstrap.min.css" th:href="@{/css/bootstrap.css}" type="text/css" rel="stylesheet"/>
    <!-- BEGIN: VENDOR CSS-->
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/vendors.min.css" th:href="@{/app-assets/vendors/vendors.min.css}">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/flag-icon/css/flag-icon.min.css" th:href="@{/app-assets/vendors/flag-icon/css/flag-icon.min.css}">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/data-tables/css/jquery.dataTables.min.css" th:href="@{/app-assets/vendors/data-tables/css/jquery.dataTables.min.css}">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css" th:href="@{/app-assets/vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css}">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/data-tables/css/select.dataTables.min.css" th:href="@{/app-assets/vendors/data-tables/css/select.dataTables.min.css}">
    <!-- END: VENDOR CSS-->
    <!-- BEGIN: Page Level CSS-->
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/vertical-gradient-menu-template/materialize.css" th:href="@{/app-assets/css/themes/vertical-gradient-menu-template/materialize.css}">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/themes/vertical-gradient-menu-template/style.css" th:href="@{/app-assets/css/themes/vertical-gradient-menu-template/style.css}">
    <link rel="stylesheet" type="text/css" href="../../../app-assets/css/pages/data-tables.css" th:href="@{/app-assets/css/pages/data-tables.css}">
    <!-- END: Page Level CSS-->
    <!-- BEGIN: Custom CSS-->
    <link href="plugins/bootstrap-datepicker/css/bootstrap-datepicker.css" th:href="@{/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css}" type="text/css" rel="stylesheet"/>
	  <link href="plugins/bootstrap-sweetalert/sweetalert.css" th:href="@{/plugins/bootstrap-sweetalert/sweetalert.css}" type="text/css" rel="stylesheet"/>
	  <link rel="stylesheet" type="text/css" href="../../../app-assets/css/custom/custom.css" th:href="@{/app-assets/css/custom/custom.css}">
    <!-- END: Custom CSS-->
  </head>
  <!-- END: Head-->
  <body class="vertical-layout page-header-light vertical-menu-collapsible vertical-gradient-menu 2-columns" data-open="click" data-menu="vertical-gradient-menu" data-col="2-columns">

    <!-- BEGIN: Header-->
    <div th:replace="common/header :: header"></div>
    <!-- END: Header-->

    <div th:replace="common/aside_admin :: aside"></div>

    <!-- BEGIN: Page Main-->
    <div id="main">
      <div class="row">
        <div class="pt-3 pb-1" id="breadcrumbs-wrapper">
          <!-- Search for small screen-->
          <div class="container">
            <div class="row">
              <div class="col s12 m6 l6">
                <h5 class="breadcrumbs-title mt-0 mb-0" id="page-title" active-menu="activity-menu">权益管理</h5>
              </div>
              <div class="col s12 m6 l6 right-align-md hide">
                <ol class="breadcrumbs mb-0">
                  <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                  <li class="breadcrumb-item"><a href="#">Pages</a></li>
                  <li class="breadcrumb-item active">Blank Page</li>
                </ol>
              </div>
            </div>
          </div>
        </div>
        <div class="col s12">
          <div class="container">
            <div class="section section-data-tables">
              <div class="row">
                <div class="col s12 m12 l12">
                  <div id="button-trigger" class="card card card-default scrollspy">
                    <div class="card-content">
                      <div class="row">
                        <div class="col s12">
                          <form id="search">
                            <div class="row" style="margin-bottom: 0;">
                              <div class="input-field col s4">
                                <input type="text" name="title" id="title_s" th:value="${search.title}" placeholder="请输入名称">
                                <label for="title_s">名称</label>
                              </div>
                              <div class="input-field col s4">
                                <select name="companyId">
                                  <option value="" selected>全部</option>
                                  <option th:each="c : ${companies}" th:value="${c.id}"  th:text="${c.name}" th:selected="${c.id} == ${search.company.id}">企业1</option>
                                </select>
                                <label for="title_s">所属企业</label>
                              </div>
                              <div class="input-field col s1">
                                <a th:href="'javascript:search();'" class="waves-effect waves-light btn-floating search-btn"><i class="material-icons right">search</i></a>
                              </div>
                              <div class="col s2">
                                <div style="position: relative; height: 70px;">
                                </div>
                              </div>
                              <div class="input-field col s1">
                                <a class="waves-effect waves-light btn-floating blue right modal-trigger" href="#modal2"><i class="large material-icons">add</i></a>
                              </div>
                            </div>
                          </form>
                        </div>
                        <div class="col s12">
                          <table id="data-table-simple" class="display nowrap">
                            <thead>
                              <tr>
                                <th>ID</th>
							                  <th>名称</th>
							                  <th>所属企业</th>
							                  <th>结算单价</th>
							                  <th>开始日期</th>
							                  <th>结束日期</th>
							                  <th>备注</th>
							                  <th>操作</th>
                              </tr>
                            </thead>
                            <tbody>
                              <!-- <tr th:each="a : ${activities}">
						                    <td th:text="${a.id}" th:title="${a.id}">1</td>
						                    <td th:text="${a.title}" th:title="${a.title}">中秋大闸蟹</td>
						                    <td th:text="${a.company.name}" th:title="${a.company.name}"></td>
						                    <td th:text="${#numbers.formatCurrency(a.price)}" th:title="${#numbers.formatCurrency(a.price)}">4/3/2</td>
						                    <td th:text="${a.startDate}" th:title="${a.startDate}">2018-09-30</td>
						                    <td th:text="${a.endDate}" th:title="${a.endDate}">正常</td>
						                    <td th:text="${a.remark}" th:title="${a.remark}">备注</td>
						                    <td class="no-padding">
						                      <a th:href="'javascript:openEditModal(\''+${a.id}+'\');'" title="编辑"><i class="material-icons">edit</i></a>
						                      <a th:href="'javascript:deleteSubmit(\''+${a.id}+'\');'" title="删除"><i class="material-icons red-text text-lighten-2">delete</i></a>
						                      <!--
						                      <a th:href="'javascript:generateSubmit(\''+${a.id}+'\', \''+${a.quantity}+'\');'" title="生成验证码"><i class="material-icons">send</i></a>
						                      <a th:href="'javascript:replySubmit(\''+${a.id}+'\');'" title="回收"><i class="material-icons">reply</i></a>
						                    </td>
						                  </tr> -->
                            </tbody>
                            <tfoot class="hide">
                              <tr>
                                <th>ID</th>
                                <th>名称</th>
                                <th>所属企业</th>
                                <th>结算单价</th>
                                <th>开始日期</th>
                                <th>结束日期</th>
                                <th>备注</th>
                                <th>操作</th>
                              </tr>
                            </tfoot>
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- END: Page Main-->

    <!-- BEGIN: Footer-->

    <div th:replace="common/footer :: footer"></div>

    <!-- END: Footer-->

    <div id="modal1" class="modal modal-fixed-footer">
	    <div class="modal-header">
	      <h6>编辑权益</h6>
	      <a class="btn-flat modal-close modal-header-close"><i class="material-icons">close</i></a>
	    </div>
	    <div class="modal-content" style="border: unset; border-radius: 0;">
	      <div class="row">
	        <form class="col s12">
	          <input name="id" type="hidden">
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <input type="text" name="title" id="title1" class="validate" required maxlength="50">
	              <label for="title1"><font color="red">*</font>名称</label>
	              <span class="helper-text" data-error="必填项" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <textarea id="content1" name="content" class="materialize-textarea validate" maxlength="400"></textarea>
	              <label for="content1">介绍</label>
	              <span class="helper-text" data-error="wrong" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <select name="companyId">
	                <option value="" disabled selected>请选择所属企业</option>
	                <option th:each="c : ${companies}" th:value="${c.id}"  th:text="${c.name}">企业1</option>
	              </select>
	              <label><font color="red">*</font>所属企业</label>
	              <span class="helper-text" data-error="必选项" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <!-- <textarea name="scope" id="scope" class="validate materialize-textarea" required maxlength="400"></textarea> -->
	              <select name="scope" multiple>
	                <option value="" disabled selected>请选择</option>
	              </select>
	              <label for="scope1"><font color="red">*</font>参与范围</label>
	              <span class="helper-text" data-error="必填项" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	             <div class="col s6 input-field compact">
	              <input type="text" name="startDate" id="startDate1" class="date-picker validate" required>
	              <label for="startDate1"><font color="red">*</font>开始日期</label>
	              <span class="helper-text" data-error="必填项，不能晚于结束日期" data-success="right"></span>
	            </div>
	            <div class="col s6 input-field compact">
	              <input type="text" name="endDate" id="endDate1" class="date-picker validate" required>
	              <label for="endDate1"><font color="red">*</font>结束日期</label>
	              <span class="helper-text" data-error="必填项，不能早于开始日期" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <input type="number" name="price" step="0.01" id="price1" class="validate" required min="0.01" max="4999.99">
	              <label for="price1"><font color="red">*</font>结算单价（元）</label>
	              <span class="helper-text" data-error="必填项，须大于0元小于5000元" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <textarea name="remark" id="remark1" class="validate materialize-textarea" maxlength="400"></textarea>
	              <label for="remark1">备注</label>
	            </div>
	          </div>
	          <input type="reset" style="display:none;" />
	        </form>
	      </div>
	    </div>
	    <div class="modal-footer">
	      <a href="#!" class="modal-close waves-effect waves-light btn-flat" style="margin-right: 10px;">取消</a>
	      <button class="btn waves-effect waves-light light-blue darken-1" type="submit" name="action" style="margin-right: 10px;" onclick="editSubmit()">确认</button>
	    </div>
	  </div>

	  <div id="modal2" class="modal modal-fixed-footer">
	    <div class="modal-header">
	      <h6>新增权益</h6>
	      <a class="btn-flat modal-close modal-header-close"><i class="material-icons">close</i></a>
	    </div>
	    <div class="modal-content" style="border: unset; border-radius: 0;">
	      <div class="row">
	        <form class="col s12">
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <input type="text" name="title" id="title" class="validate" required maxlength="50">
	              <label for="title"><font color="red">*</font>名称</label>
	              <span class="helper-text" data-error="必填项" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <textarea id="content" name="content" class="materialize-textarea validate" maxlength="400"></textarea>
	              <label for="content">介绍</label>
	              <span class="helper-text" data-error="wrong" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <select name="companyId">
	                <option value="" disabled selected>请选择所属企业</option>
	                <option th:each="c : ${companies}" th:value="${c.id}"  th:text="${c.name}">企业1</option>
	              </select>
	              <label><font color="red">*</font>所属企业</label>
	              <span class="helper-text" data-error="必选项" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <!-- <textarea name="scope" id="scope" class="validate materialize-textarea" required maxlength="400"></textarea> -->
	              <select name="scope" multiple>
	                <option value="" disabled selected>请选择</option>
	              </select>
	              <label for="scope"><font color="red">*</font>参与范围</label>
	              <span class="helper-text" data-error="必填项" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	           <div class="col s6 input-field compact">
	             <input type="text" name="startDate" id="startDate" class="date-picker validate" required>
	             <label for="startDate"><font color="red">*</font>开始日期</label>
	             <span class="helper-text" data-error="必填项，不能晚于结束日期" data-success="right"></span>
	           </div>
	           <div class="col s6 input-field compact">
	              <input type="text" name="endDate" id="endDate" class="date-picker validate" required>
	              <label for="endDate"><font color="red">*</font>结束日期</label>
	              <span class="helper-text" data-error="必填项，不能早于开始日期" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <input type="number" name="price" step="0.01" id="price" class="validate" required min="0.01" max="4999.99">
	              <label for="price"><font color="red">*</font>结算单价（元）</label>
	              <span class="helper-text" data-error="必填项，须大于0元小于5000元" data-success="right"></span>
	            </div>
	          </div>
	          <div class="row">
	            <div class="col s12 input-field compact">
	              <textarea name="remark" id="remark" class="validate materialize-textarea" maxlength="400"></textarea>
	              <label for="remark">备注</label>
	            </div>
	          </div>
	          <input type="reset" style="display:none;" />
	        </form>
	      </div>
	    </div>
	    <div class="modal-footer">
	      <a href="#!" class="modal-close waves-effect waves-light btn-flat" style="margin-right: 10px;">取消</a>
	      <button class="btn waves-effect waves-light light-blue darken-1" type="submit" name="action" style="margin-right: 10px;" onclick="addSubmit()">确认</button>
	    </div>
	  </div>

	  <div th:replace="common/update_pwd :: #modal3"></div>

	  <div style="display: none;">
	    <label id="checkbox_s">
	      <input type="checkbox" checked="checked" class="filled-in"/>
	      <span>同时回收该活动下所有未使用的验证码</span>
	    </label>
	  </div>

    <!-- BEGIN VENDOR JS-->
    <script src="../../../app-assets/js/vendors.min.js" th:src="@{/app-assets/js/vendors.min.js}" type="text/javascript"></script>
    <!-- BEGIN VENDOR JS-->
    <!-- BEGIN PAGE VENDOR JS-->
    <script src="../../../app-assets/vendors/data-tables/js/jquery.dataTables.min.js" th:src="@{/app-assets/vendors/data-tables/js/jquery.dataTables.min.js}" type="text/javascript"></script>
    <script src="../../../app-assets/vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js" th:src="@{/app-assets/vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js}" type="text/javascript"></script>
    <script src="../../../app-assets/vendors/data-tables/js/dataTables.select.min.js" th:src="@{/app-assets/vendors/data-tables/js/dataTables.select.min.js}" type="text/javascript"></script>
    <!-- END PAGE VENDOR JS-->
    <!-- BEGIN THEME  JS-->
    <script src="../../../app-assets/js/plugins.js" th:src="@{/app-assets/js/plugins.js}" type="text/javascript"></script>
    <script src="../../../app-assets/js/custom/custom-script.js" th:src="@{/app-assets/js/custom/custom-script.js}" type="text/javascript"></script>
    <!-- END THEME  JS-->
    <!-- BEGIN PAGE LEVEL JS-->
    <script src="../../../app-assets/js/scripts/data-tables.js" th:src="@{/app-assets/js/scripts/data-tables.js}" type="text/javascript"></script>
    <!-- END PAGE LEVEL JS-->
    <script src="plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" th:src="@{/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js}"></script>
    <script src="plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js" th:src="@{/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js}" charset="UTF-8"></script>
    <script src="plugins/bootstrap-sweetalert/sweetalert.min.js" th:src="@{/plugins/bootstrap-sweetalert/sweetalert.min.js}"></script>
    <script src="js/common.js" th:src="@{/js/common.js}"></script>
    <script th:inline="javascript">
	    $(document).ready(function() {

	    	var dataTableSimple = $('#data-table-simple').DataTable({
		    	    "responsive": false,
		    	    "language" : language,
		    	    "ordering": false,
		          "serverSide": true,  //启用服务器端分页
		          "pagingType": "simple_numbers",
	            "ajax": function (data, callback, settings) {
                //封装请求参数
                var param = {};
                param.size = data.limit;//页面显示记录条数，在页面显示每页显示多少项的时候
                //param.start = data.start;//开始的记录序号
                param.page = data.page;//当前页码
                console.log(data);
                //console.log(param);
                //ajax请求数据
                $.ajax({
                   url: context_path + "/api/v1/activities/service/query?page=" + (data.start ? (data.start/data.length) : 0),
                   contentType: "application/json;charset=utf-8",
                   type: "POST",
                   headers: {
                     Accept: "application/json"
                   },
                   dataType: "json",
                   data: '{"title": "' + $("#search input[name='title']").val() + '",'
                	   + ' "company": {"id": ' + ($('#search select[name="companyId"]').val() ? $('#search select[name="companyId"]').val() : null)  + '},'
                	   + ' "page": ' + (data.start ? (data.start/data.length) : 0) + ','
                	   + ' "size": 10'
                	   + '}',
                   success: function (result) {
                     //封装返回数据
                     var returnData = {};
                     //returnData.draw = data.draw;//这里直接自行返回了draw计数器,应该由后台返回
                     returnData.recordsTotal = result.totalElements;//返回数据全部记录
                     returnData.recordsFiltered = result.totalElements;//后台不实现过滤功能，每次查询均视作全部结果
                     returnData.data = result.content;//返回的数据列表
                     //console.log(returnData);
                     //调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
                     //此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
                     callback(returnData);
                   }
                });
	            },
	            "columns": [
                { "data": "id" },
                { "data": "title" },
                { "data": "company.name" },
                { "data": "price" },
                { "data": "startDate" },
                { "data": "endDate" },
                { "data": "remark" },
                { "data": null }
              ],
              "columnDefs": [
                {
                  targets: 7,
                  render: function (data, type, row, meta) {
                    return '<a href="javascript:openEditModal(' + data.id + ');" title="编辑"><i class="material-icons">edit</i></a>'
                         + '<a href="javascript:deleteSubmit(' + data.id + ');" title="删除"><i class="material-icons red-text text-lighten-2">delete</i></a>';
                  }
                },
                { "orderable": false, "targets": 7 }
              ]

	    	    });

	      $("select[name='companyId']").change(function() {
	        if($(this).val() == null) {
	          return;
	        }
	        //console.log($(this).val());
	        $.ajax({
	          url: context_path + "/api/v1/companies/getStoreByCompanyId/" + $(this).val(),
	          contentType: "application/json;charset=utf-8",
	          type: "GET",
	          headers: {
	            Accept: "application/json"
	          },
	          dataType: "json",
	          success: function(data, textStatus) {
	            //console.log(data);
	            if(data.length > 0) {
	              var h = '';
	              for(x in data) {
	                //console.log(data[x]);
	                //console.log(data[x].id);
	                h += '<option value="' + data[x].id + '">' + data[x].name + '</option>';
	              }
	            } else {
	              h = '<option value="" disabled>无可选门店,请先在企业端添加</option>';
	            }
	            $("select[name='scope']").html(h);
	            select_instance = M.FormSelect.init(document.querySelectorAll('select'));
	          }
	        });
	      });

	    });

	    function search() {
	      console.log($("#search").serialize());
	      window.location.href = "activities?" + formParamsSerialize($("#search").find('input, select'));
	    }

	    function addSubmit() {
	      var input_elems = $('#modal2 .modal-content input, #modal2 .modal-content textarea');
	      input_elems.each(function(){
	        M.validate_field($(this));
	      });
	      var startDate = $('#modal2 input[name="startDate"]').val();
	      var endDate = $('#modal2 input[name="endDate"]').val();
	      var d1 = new Date(startDate.replace(/\-/g, "\/"));
	      var d2 = new Date(endDate.replace(/\-/g, "\/"));
	      if(startDate != "" && endDate != "" && d1 > d2) {
	        $('#modal2 input[name="startDate"]').addClass("invalid");
	        $('#modal2 input[name="endDate"]').addClass("invalid");
	      }
	      var invalid_input_elems = $('#modal2 .modal-content input.invalid, #modal2 .modal-content textarea.invalid');
	      if(invalid_input_elems.length > 0) {
	        var location = $(invalid_input_elems[0]).offset().top - 300;
	        document.querySelector('.modal-content').scrollTop = location;
	        return false;
	      }
	      if($('#modal2 select[name="scope"]').val().length <= 0) {
	        swal({
	          title: "",
	          text: "请选择参与范围！",
	          icon: "error",
	          //timer: 2000,
	        });
	        return false;
	      }
	      $.ajax({
	        url: context_path + "/api/v1/activities/",
	        data: '{"title" : "' + $('#modal2 input[name="title"]').val()
	            + '", "content" : "' + $('#modal2 textarea[name="content"]').val()
	            + '", "company" : {"id" : ' + $('#modal2 select[name="companyId"]').val() + '}'
	            + ', "scope" : "' + $('#modal2 select[name="scope"]').val()
	            + '", "startDate" : "' + $('#modal2 input[name="startDate"]').val()
	            + '", "endDate" : "' + $('#modal2 input[name="endDate"]').val()
	            + '", "price" : ' + $('#modal2 input[name="price"]').val()
	            + ', "remark" : "' + $('#modal2 textarea[name="remark"]').val()
	            + '"}',
	        contentType: "application/json;charset=utf-8",
	        type: "POST",
	        headers: {
	          Accept: "application/json"
	        },
	        success: function(data, textStatus) {
	          console.log(data);
	          $.ajax({
	            url: context_path + "/api/v1/activities/" + data.id + "/stores",
	            data: '[' + $('#modal2 select[name="scope"]').val() + ']',
	            contentType: "application/json;charset=utf-8",
	            type: "PUT",
	            headers: {
	              Accept: "application/json"
	            },
	            success: function(data, textStatus) {
	              swal({
	                title: "",
	                text: "保存成功!",
	                icon: "success",
	                timer: 2000,
	              }).then(function(value) {
	                $("#modal2 input[type=reset]").trigger("click");
	                $('#modal2').modal('close');
	                window.location.reload();
	              });
	            }
	          });
	        },
	        error: function (data, textStatus, errorThrown) {
	          //console.log(data);
	          swal({
	            title: "保存失败!",
	            text: data.responseJSON.message,
	            icon: "error",
	            //timer: 2000,
	          });
	          M.updateTextFields();
	        }
	      });

	    }

	    function openEditModal(activityId) {
	      $.ajax({
	        url: context_path + "/api/v1/activities/" + activityId,
	        contentType: "application/json;charset=utf-8",
	        type: "GET",
	        headers: {
	          Accept: "application/json"
	        },
	        success: function(data, textStatus) {
	          $("#modal1 input[type=reset]").trigger("click");
	          $('#modal1 input[name="id"]').val(data.id);
	          $('#modal1 input[name="title"]').val(data.title);
	          $('#modal1 textarea[name="content"]').val(data.content);
	          console.log(data);
	          $('#modal1 select[name="companyId"] option').each(function(){
	            if($(this).attr('value') == data.company.id) {
	              $(this).attr('selected', 'selected');
	            } else {
	              if($(this).attr('value') != '') {
	                $(this).removeAttr('selected');
	              }
	            }
	          });
	          $('#modal1 select[name="companyId"]').formSelect();
	          $.ajax({
	            url: context_path + "/api/v1/companies/getStoreByCompanyId/" + $('#modal1 select[name="companyId"]').val(),
	            contentType: "application/json;charset=utf-8",
	            type: "GET",
	            headers: {
	              Accept: "application/json"
	            },
	            dataType: "json",
	            success: function(data, textStatus) {
	              if(data.length > 0) {
	                var h = '';
	                for(x in data) {
	                  h = '<option value="' + data[x].id + '">' + data[x].name + '</option>';
	                }
	              } else {
	                h = '<option value="" disabled>请选择</option>';
	              }
	              $("#modal1 select[name='scope']").html(h);
	              select_instance = M.FormSelect.init(document.querySelectorAll('select'));
	              $.ajax({
	                url: context_path + "/api/v1/activities/" + activityId + "/stores",
	                contentType: "application/json;charset=utf-8",
	                type: "GET",
	                headers: {
	                  Accept: "application/json"
	                },
	                dataType: "json",
	                success: function(data, textStatus) {
	                  console.log(data);
	                  $('#modal1 select[name="scope"] option').each(function(){
	                    if(data.indexOf(parseInt($(this).attr('value'))) >= 0) {
	                      $(this).attr('selected', 'selected');
	                    } else {
	                      $(this).removeAttr('selected');
	                    }
	                  });
	                  $('#modal1 select[name="scope"]').formSelect();
	                }
	              });
	            }
	          });
	          $('#modal1 input[name="startDate"]').val(data.startDate);
	          $('#modal1 input[name="endDate"]').val(data.endDate);
	          $('#modal1 select[name="customerLevels"] option').each(function(){
	           if($(this).attr('value') != '') {
	             if(data.customerLevels.includes($(this).attr('value')) > 0) {
	                $(this).attr('selected', 'selected');
	              } else {
	                $(this).removeAttr('selected');
	              }
	            } else {
	             $(this).removeAttr('selected');
	            }
	          });
	          $('#modal1 select[name="customerLevels"]').formSelect();
	          $('#modal1 input[name="price"]').val(data.price);
	          $('#modal1 textarea[name="remark"]').val(data.remark);
	          M.updateTextFields();
	          $('#modal1').modal('open');
	        }
	      });
	    }

	    function editSubmit() {
	      var input_elems = $('#modal1 .modal-content input, #modal1 .modal-content textarea');
	      input_elems.each(function(){
	        M.validate_field($(this));
	      });
	      var startDate = $('#modal1 input[name="startDate"]').val();
	      var endDate = $('#modal1 input[name="endDate"]').val();
	      var d1 = new Date(startDate.replace(/\-/g, "\/"));
	      var d2 = new Date(endDate.replace(/\-/g, "\/"));
	      if(startDate != "" && endDate != "" && d1 > d2) {
	        $('#modal1 input[name="startDate"]').addClass("invalid");
	        $('#modal1 input[name="endDate"]').addClass("invalid");
	      }
	      var invalid_input_elems = $('#modal1 .modal-content input.invalid, #modal1 .modal-content textarea.invalid');
	      if(invalid_input_elems.length > 0) {
	        var location = $(invalid_input_elems[0]).offset().top - 300;
	        document.querySelector('.modal-content').scrollTop = location;
	        return false;
	      }
	      if($('#modal1 select[name="scope"]').val().length <= 0) {
	        swal({
	          title: "",
	          text: "请选择参与范围！",
	          icon: "error",
	          //timer: 2000,
	        });
	        return false;
	      }
	      $.ajax({
	        url: context_path + "/api/v1/activities/" + $('#modal1 input[name="id"]').val(),
	        data: '{"title" : "' + $('#modal1 input[name="title"]').val() + '"'
	            + ', "content" : "' + $('#modal1 textarea[name="content"]').val() + '"'
	            + ', "company" : {"id" : ' + $('#modal1 select[name="companyId"]').val() + '}'
	            + ', "scope" : "' + $('#modal1 select[name="scope"]').val() + '"'
	            + ', "startDate" : "' + $('#modal1 input[name="startDate"]').val() + '"'
	            + ', "endDate" : "' + $('#modal1 input[name="endDate"]').val() + '"'
	            + ', "price" : ' + $('#modal1 input[name="price"]').val()
	            + ', "remark" : "' + $('#modal1 textarea[name="remark"]').val() + '"'
	            + ', "id" : ' + $('#modal1 input[name="id"]').val()
	            + '}',
	        contentType: "application/json;charset=utf-8",
	        type: "PUT",
	        headers: {
	          Accept: "application/json"
	        },
	        success: function(data, textStatus) {
	          //console.log(data);
	          //console.log($('#modal1 select[name="scope"]').val());
	          $.ajax({
	            url: context_path + "/api/v1/activities/" + $('#modal1 input[name="id"]').val() + "/stores",
	            data: '[' + $('#modal1 select[name="scope"]').val() + ']',
	            contentType: "application/json;charset=utf-8",
	            type: "PUT",
	            headers: {
	              Accept: "application/json"
	            },
	            success: function(data, textStatus) {
	              swal({
	                title: "",
	                text: "修改成功!",
	                icon: "success",
	                timer: 2000,
	              }).then(function(value) {
	                $("#modal input[type=reset]").trigger("click");
	                $('#modal').modal('close');
	                window.location.reload();
	              });
	            }
	          });
	          //$('#modal2').modal();
	        },
	        error: function (data, textStatus, errorThrown) {
	          console.log(data);
	          swal({
	            title: "保存失败!",
	            text: (data.responseJSON.message == '' ? "请联系管理员!" : data.responseJSON.message),
	            icon: "error",
	            //timer: 2000,
	          });
	          M.updateTextFields();
	        }
	      });
	    }

	    function getSelectedStores(activityId) {
	      $.ajax({
	        url: context_path + "/api/v1/activities/" + activityId + "/stores",
	        contentType: "application/json;charset=utf-8",
	        type: "GET",
	        headers: {
	          Accept: "application/json"
	        },
	        dataType: "json",
	        success: function(data, textStatus) {
	          return data;
	        }
	      });
	    }

	    function deleteSubmit(activityId) {
	      swal({
	        title: "确认删除该条权益吗?",
	        text: "一旦删除，将无法找回或查看该条权益!",
	        icon: "warning",
	        buttons: {
	          cancel: {
	            text: "取消",
	            value: null,
	            visible: true,
	            className: "waves-effect waves-light btn-flat",
	            closeModal: true,
	          },
	          confirm: {
	            text: "确认",
	            className: "waves-effect waves-light"
	          }
	        },
	        dangerMode: true,
	      })
	      .then(function(willDelete) {
	        if (willDelete) {
	          console.log(willDelete);
	          $.ajax({
	            url: context_path + "/api/v1/activities/" + activityId,
	            contentType: "application/json;charset=utf-8",
	            type: "DELETE",
	            headers: {
	              Accept: "application/json"
	            },
	            success: function(data, textStatus) {
	              //console.log(data);
	              swal("删除成功!", {
	                icon: "success",
	                timer: 2000,
	              }).then(function(value) {
	                window.location.reload();
	              });
	            },
	            error: function(data) {
	              swal({
	                title: "删除失败!",
	                text: data.responseJSON.message,
	                icon: "error",
	              });
	            }
	          });
	        } else {

	        }
	      });
	    }

	    function generateSubmit(activityId, amount) {
	      swal({
	        title: "确认生成该条权益的优惠券验证码吗?",
	        text: "",
	        icon: "info",
	        buttons: {
	          cancel: {
	            text: "取消",
	            value: null,
	            visible: true,
	            className: "waves-effect waves-light btn-flat",
	            closeModal: true,
	          },
	          confirm: {
	            text: "确认",
	            className: "waves-effect waves-light"
	          }
	        },
	        dangerMode: true,
	      })
	      .then(function(willDelete) {
	        if (willDelete) {
	          console.log(willDelete);
	          $.ajax({
	            url: context_path + "/api/v1/coupons/services/generate/" + activityId + "?amountPerCustomer=" + amount,
	            contentType: "application/json;charset=utf-8",
	            type: "POST",
	            headers: {
	              Accept: "application/json"
	            },
	            success: function(data, textStatus) {
	              //console.log(data);
	              if(data > 0) {
	                swal("生成验证码成功!", {
	                  icon: "success",
	                  //timer: 2000,
	                });
	              } else {
	                swal("生成验证码失败!", {
	                  icon: "error"
	                  //timer: 2000,
	                });
	              }

	            }
	          });
	        } else {

	        }
	      });
	    }

	    var p = document.getElementById('checkbox_s');

	    function replySubmit(activityId) {
	      swal({
	        title: "确认回收该条权益吗?",
	        text: "",
	        icon: "info",
	        content: {
	          element: p,
	        },
	        buttons: {
	          cancel: {
	            text: "取消",
	            value: null,
	            visible: true,
	            className: "waves-effect waves-light btn-flat",
	            closeModal: true,
	          },
	          confirm: {
	            text: "确认",
	            className: "waves-effect waves-light"
	          }
	        },
	        dangerMode: true,
	      })
	      .then(function(willDelete) {
	        if (willDelete) {
	          console.log(willDelete);
	          var ignoreCoupons = $("#checkbox_s input").prop("checked");
	          console.log(ignoreCoupons);
	          $.ajax({
	            url: context_path + "/api/v1/activities/" + activityId + "/interrupt?ignoreCoupons=" + ignoreCoupons,
	            contentType: "application/json;charset=utf-8",
	            type: "POST",
	            headers: {
	              Accept: "application/json"
	            },
	            success: function(data, textStatus) {
	              //console.log(data);
	              swal("回收成功!", {
	                icon: "success",
	                //timer: 2000,
	              });
	              window.location.reload();
	            },
	            error: function() {
	              swal("回收失败!", {
	                icon: "error"
	                //timer: 2000,
	              });
	            }
	          });
	        } else {

	        }
	      });
	    }

	  </script>
  </body>
</html>
